<template>
  <div>
      <div class="box">
        <div class="draw">
          <div class="leftpicture">
            <div class="ltitle">
              <lefttitle></lefttitle> 
            </div>
            <div class="lpicture">
              <leftpicture></leftpicture>
            </div>
          </div>
        </div>
        <div class="excel">
          <excel></excel>
        </div>
      </div>
  </div>
</template>

<script>
import lefttitle from './left/lefttitle.vue'
import leftpicture from './left/leftpicture.vue'
import excel from './excel/excel.vue'
export default {
    components:{
      leftpicture,
      excel,
      lefttitle
    },

  data() {
    return {
     
    };
  }
  
}
</script>

<style lang='less' scoped>
.box{
  
  height: 600px;
    .draw{
      height: 500px;
        .leftpicture{
          width:100%;
          float:left;
          height: 420px;
          .ltitle{
            width:100%;
            height: 40px;
          }
          .lpicture{
            width:100%;
            height: 380px;
          }
        }
    }
    .excel{
        height: 180px;
        width:100%; 
    }  
}
</style>